﻿<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>用户列表</title>
    <style type="text/css"></style>
</head>
<body>
    <jsp:include  page="../Nav.jsp"/>
    <div class="container-fuild">
        <div class="row">
            <div class="col-xs-2 pr0" style="position: relative;">
                <jsp:include  page="../Menu.jsp"/>
            </div>
            <div class="col-xs-10 " style="
          padding-top: 10px;">
                <!--   视图区域 -->
                <div>
                    <div>
                        <div class="panel panel-primary ">
                            <div class="panel-heading p0 ">
                                <!-- 面包屑导航 -->
                                <ol class="breadcrumb m0 nav-style">
                                    <li>
                                        <a href="#">
                                            <span class="glyphicon glyphicon-folder-open" aria-hidden="true"></span>
                                            &nbsp;用户管理
                                        </a>
                                    </li>
                                    <li class="active">用户列表</li>
                                </ol>
                            </div>
                            <div class="panel panel-body m0">

                                <div class="form-group" >
                                    <div class="col-xs-12 form-group">
                                    	<div class="col-xs-2">
                							<input type="text" class="form-control" name="account" placeholder="请输入用户名">
            							</div>
                                        <div class="col-xs-2">
                                            <select class="form-control  prison">
                                                <option value="1">监狱</option>
                                            </select>
                                        </div>
                                        <div class="col-xs-2">
                                            <select class="form-control department" id="department">
                                                <option value="choice">请选择科室或者监区</option>
                                            </select>
                                        </div>
                                        <div class="col-xs-2">
                                            <select class="form-control child" id="">
                                                <option value="choice">请选择分监区</option>
                                            </select>
                                        </div>
                                        <div class="col-xs-2">
                                            <button type="button"  id="firstSearch" class="btn btn-primary">查询</button>
                                        </div>
                            
                                    </div>
                                   

                                </div>
                            </div>

                            <div class="form-group m0">
                                <table class="table table-bordered table-striped m0" id="tableSort" >
                                    <thead>
                                        <tr>
                                            <!-- <th>选择</th>
                                        -->
                                         <th onclick="$.sortTable.sort('tableSort',0)" style="cursor: pointer;">编号</th>
                                         <th onclick="$.sortTable.sort('tableSort',1)" style="cursor: pointer;">用户名</th>
                                         <th onclick="$.sortTable.sort('tableSort',2)" style="cursor: pointer;">警号</th>
                                         <th onclick="$.sortTable.sort('tableSort',3)" style="cursor: pointer;">身份证号</th>
                                         <th onclick="$.sortTable.sort('tableSort',4)" style="cursor: pointer;">角色</th>
                                         <th onclick="$.sortTable.sort('tableSort',5)" style="cursor: pointer;">部门</th>
                                         <th onclick="$.sortTable.sort('tableSort',6)" style="cursor: pointer;">职务</th>
                                         <th onclick="$.sortTable.sort('tableSort',7)" style="cursor: pointer;">操作</th>
                                    </tr>
                                </thead>
                                <tbody></tbody>
                            </table>
                        </div>

                        <div class="panel-footer ">
                            <div class="row">
                                 <div class="col-xs-1">
                                     <button  class="btn btn-primary" id="sureOrder" >确认顺序</button>
                                 </div>
                            
                            <div class="col-xs-offset-7 col-xs-4">
                                <ul class="pagination m0 p0">
                                    <li>
                                        <a href="#" id="headPage">&laquo;首页</a>
                                    </li>
                                    <li >
                                        <a href="#" id="prevPage">上一页</a>
                                    </li>
                                    <li class="active">
                                        <a href="javascript:;"  id="totalPage">1/0</a>
                                    </li>
                                    <li>
                                        <a href="#" id="nextPage">下一页</a>
                                    </li>

                                    <li>
                                        <a href="#" id="endPage">尾页&raquo;</a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        </div>

        <div class="modal fade" id="stopModel" >
            <div class="modal-dialog" style="width: 20%;">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                        <h4 class="modal-title">提示</h4>
                    </div>
                    <div class="modal-body">
                        <p>停用此账户后，此账户将不能登录和操作，您确定吗？</p>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                        <span class="btn btn-primary" onClick="stopUsrBtn()">确定</span>
                    </div>
                </div>
                <!-- /.modal-content --> </div>
            <!-- /.modal-dialog --> </div>
        <!-- /.modal --> </div>
</div>
<script type="text/javascript" src="/yuxi/js/lastController/userManager/userList.js"></script>
</body>
</html>